// Home.js

'use strict';

import React, {Component} from 'react';
import {View, ScrollView} from 'react-native';

import {Theme, NavigationPage, NavigationBar, ListRow} from 'teaset';

// export default class LoginScreen extends NavigationPage {

  export default class LoginScreen extends Component {
    constructor(props) {
      super(props);
    }
  // static defaultProps = {
  //   ...NavigationPage.defaultProps,
  //   title: 'Teaset Example',
  // };

  render() {
    return (
      <ScrollView style={{flex: 1}}>
        <View style={{height: 20}} />
        <ListRow title='Theme' detail='主题' onPress={() => this.props.navigation.navigate("ThemeExample")} />
        <ListRow title='Label' detail='标签' onPress={() => this.props.navigation.navigate("LabelExample")} />
        <ListRow title='Button' detail='按钮' onPress={() => this.props.navigation.navigate("ButtonExample")} />
        <ListRow title='Checkbox' detail='复选框' onPress={() => this.props.navigation.navigate("CheckboxExample")} />
        <ListRow title='Input' detail='输入框' onPress={() => this.props.navigation.navigate("InputExample")} />
        <ListRow title='Select' detail='选择框' onPress={() => this.props.navigation.navigate("SelectExample")} />
        <ListRow title='Stepper' detail='步进器' onPress={() => this.props.navigation.navigate("StepperExample")} />
        <ListRow title='SearchInput' detail='搜索输入框' onPress={() => this.props.navigation.navigate("SearchInputExample")} />
        <ListRow title='Badge' detail='徽章' onPress={() => this.props.navigation.navigate("BadgeExample")} />
        <ListRow title='Popover' detail='气泡' onPress={() => this.props.navigation.navigate("PopoverExample")} />
        <ListRow title='NavigationBar' detail='导航栏' onPress={() => this.props.navigation.navigate("NavigationBarExample")} />
        <ListRow title='ListRow' detail='列表行' onPress={() => this.props.navigation.navigate("ListRowExample")} />
        <ListRow title='Carousel' detail='走马灯' onPress={() => this.props.navigation.navigate("CarouselExample")} />
        <ListRow title='Projector' detail='幻灯机' onPress={() => this.props.navigation.navigate("ProjectorExample")} />
        <ListRow title='SegmentedBar' detail='分段工具条' onPress={() => this.props.navigation.navigate("SegmentedBarExample")} />
        <ListRow title='SegmentedView' detail='分段器' onPress={() => this.props.navigation.navigate("SegmentedViewExample")} />
        <ListRow title='TabView' detail='标签页' onPress={() => this.props.navigation.navigate("TabViewExample")} />
        <ListRow title='TransformView' detail='可变视图' onPress={() => this.props.navigation.navigate("TransformViewExample")} />
        <ListRow title='AlbumView' detail='相册视图' onPress={() => this.props.navigation.navigate("AlbumViewExample")} />
        <ListRow title='Wheel' detail='滚轮' onPress={() => this.props.navigation.navigate("WheelExample")} />
        <ListRow title='Overlay' detail='浮层' onPress={() => this.props.navigation.navigate("OverlayExample")} />
        <ListRow title='Toast' detail='轻提示' onPress={() => this.props.navigation.navigate("ToastExample")} />
        <ListRow title='ActionSheet' detail='操作选单' onPress={() => this.props.navigation.navigate("ActionSheetExample")} />
        <ListRow title='ActionPopover' detail='操作气泡' onPress={() => this.props.navigation.navigate("ActionPopoverExample")} />
        <ListRow title='PullPicker' detail='上拉选择器' onPress={() => this.props.navigation.navigate("PullPickerExample")} />
        <ListRow title='PopoverPicker' detail='气泡选择器' onPress={() => this.props.navigation.navigate("PopoverPickerExample")} />
        <ListRow title='Menu' detail='菜单' onPress={() => this.props.navigation.navigate("MenuExample")} />
        <ListRow title='Drawer' detail='抽屉' onPress={() => this.props.navigation.navigate("DrawerExample")} />
        <ListRow title='ModalIndicator' detail='模态指示器' onPress={() => this.props.navigation.navigate("ModalIndicatorExample")} />
        <View style={{height: Theme.screenInset.bottom}} />
      </ScrollView>
    );
  }

}
